<template>
	<view id="myView">
		<view>这是test组件{{num}}</view>
		<view>这是父组件传递过来的数据{{title}},{{name}}</view>
		
		<view>
			<button type="primary" @click="sendNum">给父组件传值</button>
		</view>
		
		<test :title="title" @myEven="getNum"></test>
		这是子组件传递过来的数据{{num}}
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:3,
				intID:null
			};
		},
		props:['title','name'],
		methods: {
			getNum (num){
				console.log(num)
				this.num = num
			}
			
			sendNum(){
				console.log('给父亲传值')
				this.$emit('myEven',this,num)
			}
		},
		
		beforeCreate(){
			console.log('实例已经开始初始化了')
			console.log(this.num)
		}
		created(){
			console.log('created',this.num)
		},
		beforeMount(){
			console.log('beforemount',document.getElementById('myView'))
		},
		mounted(){
			console.log('mounted',document.getElementById('myView'))
		},
		destroyed(){
			console.log('组件销毁了')
		}
	}1
</script>

<style>

</style>
